import React from 'react';
import ReactDOM from 'react-dom';
// import { Provider } from 'mobx-react';
// import App from './components/App';
// mobx 
// import counter from './store/countStore';
// todoList
// import App from './Formik/formikDemo'
// import store from './appleDemo/appleStore';
import App from './ChakraUI/components/App'
/** acturun测试*/
// import { autorun } from 'mobx';

//ChakraProvider
import { BrowserRouter as Router } from "react-router-dom";
import { ChakraProvider, CSSReset } from "@chakra-ui/core";

import theme from '@chakra-ui/theme';

// autorun(()=> {
//   if (store.isPicking) {
//     console.log('又在采摘新苹果了');
//   }
// });

// ReactDOM.render(
//   <Provider store={store}><App /></Provider>,
//   document.getElementById('root')
// );
// 设置默认颜色模式
// theme.config.initialColorMode = 'dark';

// 使用操作系统所使用的颜色模式
theme.config.useSystemColorMode = 'dark'
console.log(theme)
ReactDOM.render(
  <Router>
    <ChakraProvider theme={theme}>
      <CSSReset />
      <App />
    </ChakraProvider>
  </Router>,
  document.getElementById("root")
);

